.pxToRem(@p,@px){
    @{p}: @px / 108 * 1rem;
}
@wid:;
#head{
    position:fixed;
    left: 0;
    top: 0;
    width: 100%;
    .pxToRem(height,138);
    background: #fff;
    display: flex;
    justify-content:center;
    align-items: center;
    z-index: 9;
    .j_t_l{
        width:20%;
        color: #fe771d;
        text-align: center;
        .pxToRem(height,138);
        .pxToRem(font-size,57);
        .pxToRem(line-height,138);
    }
    .jgzx_center{
        width: 60%;
        color: #1c1c1c;
        text-align: center;
        .pxToRem(height,138);
        .pxToRem(font-size,57);
        .pxToRem(line-height,138);
    }
}
#main{
    width: 100%;
    .pxToRem(margin-top,147);
    .pxToRem(margin-bottom,125);
    background: #f3f3f3;
    .xian{
         position:fixed;
        left: 0;
        .pxToRem(top,138);
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        div{
            flex: 1px;
            .pxToRem(height,12);
        }
        .x1{
            background: #88ddaa;
        }
        .x2{
            background: #55bbbb;
        }
        .x3{
            background: #e76d6a;
        }
        .x4{
            background: #edbd5d;
        }
    }
    .j_bottom{
        .gz{
            width: 100%;
            display: flex;
            justify-content:space-between;
            align-items: center;
            .s1{
                flex: 1;
                .pxToRem(font-size,50);
                color: #323232;
                .pxToRem(padding-left,100);
                .pxToRem(height,132);
                .pxToRem(line-height,132);
            }
            .s2{
                width: 20%;
                text-align: center;
                .pxToRem(height,132);
                .pxToRem(line-height,132);
                img{
                    .pxToRem(width,70);
                    animation: ims;
                    animation-duration:1s;
                    animation-timing-function:linear;
                    animation-iteration-count: infinite;
                    animation-fill-mode:forwards;  
                }
            }
            @keyframes ims{
                0%{
                    transform: rotate(0deg);
                }
                20%{
                    transform: rotate(36deg);
                }
                40%{
                    transform: rotate(72deg);
                }
                60%{
                    transform: rotate(108deg);
                }
                80%{
                    transform: rotate(144deg);
                }
                100%{
                    transform: rotate(180deg);
                }
            }
        }
    }
    .gz{
        a{
            text-decoration: none;
            width: 100%;
            .pxToRem(height,262);
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #fff;
            border-bottom: 1px solid #e7e7e7;
            .lifb{
                .pxToRem(width,235);
                text-align: center;
                img{
                    .pxToRem(width,120);
                }
            }
            .gzmc_center{
                flex: 1;
                display: flex;
                justify-content: flex-start;
                flex-direction: column;
                color: #9c9e9c;
                .h3b{
                    .pxToRem(font-size,50);
                    .pxToRem(margin-bottom,20);
                }
                .g_bm{
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    span{
                        flex: 1;
                        .pxToRem(font-size,35);
                    }
                }
                .g_bmb{
                    .pxToRem(margin-top,20);
                    width: 100%;
                    .g_bmb_l{
                        .pxToRem(font-size,35);
                    }
                    .g_bmb_r{
                        .pxToRem(height,26);
                        .pxToRem(letter-spacing,10);
                        border: 2px solid #ff9e21;
                        .pxToRem(font-size,20);
                        .pxToRem(border-radius,5);
                        color: #ff9e21;
                        .pxToRem(padding-left,5);
                    }
                }
            }
            .gzmc_right{
                .pxToRem(width,285);
                text-align: center;
                .pxToRem(margin-top,-130);
                .qiana{
                    color:#ff7921;
                    .pxToRem(font-size,40);
                }
                .danw{
                    color: #ff7518;
                    .pxToRem(font-size,33);
                }
            }
        }
    }
}
